<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--ol>li*3-->
<ol>
  <li>我的列表</li>
  <li>我的列表</li>
  <li>我的列表</li>
</ol>
<!--ul>li*3-->
<ul>
  <li>我的列表</li>
  <li>我的列表</li>
  <li>我的列表</li>
</ul>

<!--ul>li*4>ul>li*3-->
<ul>
  <li>西游记
    <ul>
      <li>崩波尔霸</li>
      <li>霸波尔奔</li>
      <li>摩柯切页</li>
    </ul>
  </li>
  <li>水浒传
    <ul>
      <li>鲁智深</li>
      <li>镇关西</li>
      <li>松江</li>
    </ul>
  </li>
  <li>三国演义
    <ul>
      <li>小乔</li>
      <li>大桥</li>
      <li>甄姬</li>
    </ul>
  </li>
  <li>红楼梦
    <ul>
      <li>刘姥姥</li>
      <li>贾宝玉</li>
      <li>王熙凤</li>
    </ul>
  </li>
</ul>



</body>
</html>